<ul id="my-awesome-nav" class="list-inline">
    <li><a data-scroll href="#features">{{ section.settings.features }}</a></li>
    <li><a data-scroll href="#specs"><span class="pc-title">{{ section.settings.specification }}</span><span
          class="mb-title">{{ section.settings.specification_mb }}</span></a></li>
    <li><a data-scroll href="#reviews">{{ section.settings.reviews }}</a></li>
    <li><a data-scroll href="#box"><span class="pc-title">{{ section.settings.box_1 }}</span><span
          class="mb-title">{{ section.settings.box_2 }}</span></a></li>
</ul>



{% schema %}
{
  "name": "Product title",
  "tag": "section",
  "settings": [
    {
      "type": "header",
      "content": "header"
    },
    {
        "type": "text",
        "id": "features",
        "label": "Features",
        "default":"Features"
      },
      {
        "type": "text",
        "id": "specification",
        "label": "Specification pc",
        "default":"Specification"
      },
      {
        "type": "text",
        "id": "specification_mb",
        "label": "Specification_mb",
        "default":"Specs"
      },
      {
        "type": "text",
        "id": "reviews",
        "label": "Reviews",
        "default":"Reviews"
      },
      {
        "type": "text",
        "id": "box_1",
        "label": "Box pc",
        "default":"Inside the Box"
      },
      {
        "type": "text",
        "id": "box_2",
        "label": "Box",
        "default":"Box"
      }
  ],
  "presets": [
    {
      "name": "product title"
    }
  ]
}
{% endschema %}